<template>
  <div>
    <div>
      <h4>计划P</h4>
      <el-row type="flex" justify="space-between">
        <el-col :span="7">
          <span>选择进食食物</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.plan_P_checkList1">
              <el-checkbox label="冰块"></el-checkbox>
              <el-checkbox label="水/稀流质"></el-checkbox>
              <el-checkbox label="浓流质"></el-checkbox>
              <el-checkbox label="糊状食物"></el-checkbox>
              <el-checkbox label="固体食物"></el-checkbox>
              <el-checkbox label="混合物"></el-checkbox>
              <el-input v-model="pgForm.plan_P_input1" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="7">
          <span>是否需要进一步检查</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.plan_P_radio1">
              <el-radio :label="3">是</el-radio>
              <el-radio :label="6">否</el-radio>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="7">
          <span>需要进一步检查</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.plan_P_checkList2">
              <el-checkbox label="纤维电子喉镜吞咽检查(FEES)"></el-checkbox>
              <el-checkbox label="吞咽造影检查(FESS)"></el-checkbox>
              <el-checkbox label="固态咽腔测压"></el-checkbox>
              <el-input v-model="pgForm.plan_P_input2" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="12">
          <div>
            <span>需要进行吞咽治疗 </span>
            <el-input v-model="pgForm.plan_P_input3" placeholder="" style="width: 30%;"></el-input>
            <span> 次/周</span>
          </div>
        </el-col>
        <el-col :span="12">
          <div>
            <span>持续 </span>
            <el-input v-model="pgForm.plan_P_input4" placeholder="" style="width: 30%;"></el-input>
            <span> 周</span>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col>
          <span>目标如下 </span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.plan_P_checkList3">
              <el-checkbox label="增加口腔吞咽器官的运动功能"></el-checkbox>
              <el-checkbox label="增加病人吞咽过程中的气道保护功能"></el-checkbox>
              <el-checkbox label="增加咽的功能"></el-checkbox>
              <el-checkbox label="提供给病人或照顾者安全的吞咽技巧"></el-checkbox>
              <el-input v-model="pgForm.plan_P_input5" placeholder="备注" style="width: 50%"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col>
          <div>
            <el-input
              type="textarea"
              resize="none"
              :rows="2"
              placeholder="其他"
              v-model="pgForm.plan_P_textarea1">
            </el-input>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col>
          <span>病人及照顾者的教育</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.plan_P_radio2" >
              <el-radio :label="3">根据治疗提供了建议与教育</el-radio>
              <el-radio :label="6">其他</el-radio>
              <el-input v-model="pgForm.plan_P_input6" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col>
          <div>
            <el-input
              type="textarea"
              resize="none"
              :rows="2"
              placeholder="其他"
              v-model="pgForm.plan_P_textarea2">
            </el-input>
          </div>
        </el-col>
        <el-col>
          <div>
            <el-input
              type="textarea"
              resize="none"
              :rows="2"
              placeholder="备注"
              v-model="pgForm.plan_P_textarea3">
            </el-input>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: "plan_P",
  title: "计划P",
  created() {
    if(this.istrans){
      this.pgForm=this.fromdata
    }
  },
  props: {
    fromdata:{},
    istrans:false,
  },
  data () {
    return {

      pgForm: {
        plan_P_checkList1: [],
        plan_P_checkList2: [],
        plan_P_checkList3: [],
        plan_P_input1: '',
        plan_P_input2: '',
        plan_P_input3: '',
        plan_P_input4: '',
        plan_P_input5: '',
        plan_P_input6: '',
        plan_P_radio1: '',
        plan_P_radio2: '',
        plan_P_textarea1: '',
        plan_P_textarea2: '',
        plan_P_textarea3: '',
      },
    };
  }
}
</script>

<style scoped>
.el-row{
  margin: 10px 0;
  padding: 20px 20px;
  background-color: #f9f9f9;
  flex-wrap: wrap;
  flex-direction: row;
}
.el-col {
  margin:10px 0;
}
.el-radio-group{
  padding: 10px 20px;
}
.el-radio{
  display: block;
  margin-bottom: 15px;
}

.el-checkbox-group{
  padding: 10px 20px;
}
.el-checkbox{
  display: block;
  margin-bottom: 15px;
}
</style>
